<meta charset="utf-8" />
<div class="text-center">
     <%
       var current = pageIndex.currentpage;
       var total = pageIndex.totalpage;
     %>

	<div class="pagination my-pagination">
		<div>
			<a class="page-start" data="1" href="#1">
				<span class="glyphicon glyphicon-step-backward"></span>
			</a>
		</div>
		<div>
			<a class="page-pre" data="<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>" href="#<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>">
				<span class="glyphicon glyphicon-triangle-left"></span>
			</a>
		</div>
		<div>
			<span>第</span>
			<input class="page-current" data="${current}" name="currentPage" value="${current}">
			<span>页</span>
		</div>
		<div>
			<span>共</span>
			<span class="page-total" data="${total}">${total}</span>
			<span>页</span>
		</div>
		<div>
			<a class="page-next" data="<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>" href="#<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>">
				<span class="glyphicon glyphicon-triangle-right"></span>
			</a>
		</div>
		<div>
			<a class="page-end" data="${total}" href="#${total}">
				<span class="glyphicon glyphicon-step-forward"></span>
			</a>
		</div>
	</div>
</div>